<%@ Control Language="C#" AutoEventWireup="true" CodeFile="J_Banner_v1.ascx.cs" Inherits="Pub_Module_J_Banner_v1" %>
<link rel="stylesheet" type="text/css" href="<%= ResolveClientUrl("~/")%>Pub/Css/JQ/style.css" />

<script language="javascript" type="text/javascript" src="<%= ResolveClientUrl("~/")%>Pub/Js/JQ/jquery.easing.js"></script>

<script language="javascript" type="text/javascript" src="<%= ResolveClientUrl("~/")%>Pub/Js/JQ/script.js"></script>

<asp:Panel ID="divLoading" class="lof41div-loading" runat="server" Style='width: 380px;
    height: 280px; background-color: #ffffff; display: none; visibility: hidden'>
</asp:Panel>
<asp:Panel ID="divData" runat="server">
    <div id='lofslidecontent45' class='lof-slidecontent'>
    </div>
</asp:Panel>

<script language="javascript" type="text/javascript">
  var Url='<%= ResolveClientUrl("~/")%>';
$(window).load(function() {                                        
                    //LoadingAjaxBanner();                  
                             GetAjaxBanner()         
  });           
 
function GetAjaxBanner()
{
        $.ajax({ 
                               type: "GET", 
                               url: Url+ "Pub/Ajax/AjaxQuery.aspx?type=getbanner_v1", 
                               success: function(resp)
                               { 
                                        $("#<%= divLoading.ClientID%>").hide();
                                      //$("#<%= divData.ClientID%>").html(resp);
                                        $("#lofslidecontent45").html(resp);
                                      fnGetBanner();                             
                               } 
                        });        
}

function LoadingAjaxBanner()         
{
    $(window).load(function() {
        $('<div class="lof41div-loading"></div>')
           
        .ajaxStart(function() 
        {
            $(this).show();
        }).ajaxStop(function() 
        {
            $(this).hide();
        });
    });

}     
</script>

<script type="text/javascript">
function fnGetBanner()
{
		    $('#lofslidecontent45').lofJSidernews( {interval:6000,maxItemDisplay:4,
											       direction:'opacity',
											       duration:1200,
											       easing:'easeInOutSine',
											      navigatorWidth:300 ,
											     navigatorHeight:75 ,
											     wapperSelector:'.lof-main-wapper',
												    navItemsSelector    : '.lof-navigator li',
			                                        navOuterSelector    : '.lof-navigator-outer' ,
	         } );			
 
}
</script>

<asp:Literal ID="ltrMaster" runat="server"></asp:Literal>
